<template>
    <div class="chaos-fenqu-middle">

        <chamNaviSecond @goNaciSecond="goNaciSecond"></chamNaviSecond>

        <div style="width:999px;margin-top:20px;min-height:100px;float:left;">
            <xinfanGengxin></xinfanGengxin>
        </div>


        <specialRecommendation></specialRecommendation>

        <div style="width:325px;margin-top:10px;height:200px;float:left;color:red">
            <div style="width:100%;height:24px;margin-top:0px;margin-bottom:10px;">
                <h4 style="font-size: 24px;line-height: 24px;font-weight: 400;float:left;color: #222;">话题精选</h4>
            </div>

            <img src="../../assets/huatijingxuan.png" height="148" width="260" style="cursor:pointer"/>
        </div>

        <div style="width:999px;margin-top:10px;min-height:550px;float:left;">
            <videoChildModule :reportIndex="1" style="float:left;"></videoChildModule>
            <reportThirdChild :reportIndex="1" style="float:left;"></reportThirdChild>
        </div>

        <div style="width:999px;margin-top:20px;min-height:550px;float:left;">
            <videoChildModule :reportIndex="1" style="float:left;"></videoChildModule>
            <reportThirdChild :reportIndex="1" style="float:left;"></reportThirdChild>
        </div>

        <div style="width:999px;margin-top:20px;min-height:550px;float:left;">
            <videoChildModule :reportIndex="1" style="float:left;"></videoChildModule>
            <reportThirdChild :reportIndex="1" style="float:left;"></reportThirdChild>
        </div>

        <div style="width:999px;margin-top:20px;min-height:550px;float:left;">
            <videoChildModule :reportIndex="1" style="float:left;"></videoChildModule>
            <reportThirdChild :reportIndex="1" style="float:left;"></reportThirdChild>
        </div>

        <div style="width:999px;margin-top:20px;min-height:550px;float:left;">
            <videoChildModule :reportIndex="1" style="float:left;"></videoChildModule>
            <reportThirdChild :reportIndex="1" style="float:left;"></reportThirdChild>
        </div>

    </div>
</template>

<script>
    import videoChildModule from "@/components/common/videoChildModule";
    import reportThirdChild from "@/components/reportThird/reportThirdChild";
    import chamNaviSecond from "@/components/fenqu/chamNaviSecond";
    import xinfanGengxin from "@/components/fanju/xinfanGengxin";
    import specialRecommendation from "@/components/common/specialRecommendation";
    export default {
        name: "chaosFanjuMiddle",
        components:{videoChildModule,reportThirdChild,chamNaviSecond,xinfanGengxin,specialRecommendation},
        data(){
            return{
                naviSecondSelectIndex:this.$store.getters.getNaviSecondSelectIndex,//二级导航选中的编号
            }
        },
        methods:{
            goNaciSecond(index){
                this.$store.commit('setNavigateSelectIndex', 1);
                if(index==0){
                    this.$router.push('/chaosFanju');
                }
                if(index==1){
                    this.$router.push('/lianzaidonghua');
                }

                if(index==2){
                    this.$router.push('/donghuaChild');
                }

            }
            // goFanjuChild(){
            //     this.$store.commit('setNaviSecondSelectIndex', 1);
            //     this.$router.push('/fanjuChild');
            // }
        }
    }
</script>

<style scoped>
    .chaos-fenqu-middle{
        width:999px;
        min-height:500px;
        margin:auto auto;
    }
</style>
